<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt = "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.25rem;
      }

      .fontw {
        font-weight: 700;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content text-left">
      <div class="text-center mb-20 fontw" style="font-size: 0.25rem; letter-spacing: 15px">填表说明</div>

      <div class="mb-20">1、涉及档案人员签字，<span class="fontw">必须由本人签字，严禁代签。</span></div>
      <div class="mb-20">2、本记录要求覆盖现场所有作业人员，包括:<span class="fontw">劳务分包单位管理人员、施工作业人员、专业分包单位作业人员、临时工等。</span></div>
      <div class="mb-20">3、此档案未归档前不得进入施工区域施工。</div>
      <div class="mb-20">4、<span class="fontw">特殊工种要将所持相关特种作业证件电子版或复印件上交项目部备案。</span></div>
      <div class="mb-20">5、本档案由安全总监每周对更新的进行检查，项目经理负责抽查。</div>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const fireForm = ref({
            year: "",
            month: "",
            day: "",
            acceptor: "", //承诺人
          });

          window.setSign = (event) => {
            console.log(event, "event22");
            fireForm.value[event.key] = event.img;
          };

          window.getData = (event) => {
            return fireForm.value;
          };
          window.setData = (data) => {
            fireForm.value = data;
          };

          //peopleForm.sign
          const setUpEquipment = (key, type) => {
            window.parent.childListener({
              key,
              type,
            });
          };
          return {
            fireForm,
            setUpEquipment,
          };
        },
      };
      const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
    </script>
  </body>
</html>
